<template>
	<!-- Todo任务项列表 -->
	<div class="todoList">
		<!-- v-for指令 生成多个todo项 
		将数据item、i传递给子组件渲染
		将函数delItem传递给子组件调用-->
		 <todo-item v-for="(item,i) in itemList" :key="i" 
		 :item="item" 
		 :i="i"
		 :delItem="delItem"/> 
	</div>
</template>

<script>
	//1.导入
	import TodoItem from "./TodoItem.vue"
	
	export default {
		//2.注册 局部
		components:{
			TodoItem,
		},
		//接收传过来的数据（函数也是一种数据）
		props:{
			itemList:Array,
			delItem:Function,
		}
		
	}
</script>

<style>
</style>
